<template>
    <div style="height: 100%; width: 100%; position: relative" ref="maindev">
        <div class="pagetop">
            <div style="width: 100%">
                <table style="font-size: 12px; white-space: nowrap" border="0" class="table1style">
                    <tr>
                        <td align="right">签收时间</td>
                        <td style="width: 370px">
                            <table style="border-spacing: 0px; width: 100%">
                                <tr>
                                    <td style="padding: 0px">
                                        <el-date-picker v-model="txtstartdate" :clearable="false" type="datetime"
                                            placeholder="选择日期" value-format="yyyy-MM-dd HH:mm:ss"
                                            style="width: 100%; min-width: 100px"> </el-date-picker>
                                    </td>
                                    <td>至</td>
                                    <td style="padding: 0px">
                                        <el-date-picker v-model="txtenddate" :clearable="false" type="datetime"
                                            placeholder="选择日期" value-format="yyyy-MM-dd HH:mm:ss"
                                            style="width: 100%; min-width: 100px"> </el-date-picker>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td align="right">签收人</td>
                        <td>
                            <rm-ddl-common datatype="userinfo" dataname="用户" v-model="search_recieveuser" width="150px"
                                @change="recieveuserchange"></rm-ddl-common>
                        </td>
                        <td align="right">申请状态</td>
                        <td>
                            <rm-ddl-common ref="txtreqstatus" datatype="seccode" kindno="REQ_STAT" dataname="申请状态"
                                v-model="search_reqstat" width="100%" :readonly="true" :clearable="true"
                                @change="reqstatchange"></rm-ddl-common>
                        </td>

                        <td align="right">申请项目</td>
                        <td>
                            <rm-ddl-common datatype="reqitem" dataname="申请项目" v-model="search_reqitem" size="mini"
                                width="100%" @change="reqitemchange"></rm-ddl-common>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">病区</td>
                        <td>
                            <rm-ddl-common :appendtobody="true" datatype="ward" dataname="病区" v-model="search_ward"
                                width="100%" @change="wardchange"></rm-ddl-common>
                        </td>

                        <td>条码号</td>
                        <td>
                            <el-input v-model="search_barcode" size="mini" ref="search_barcode"></el-input>
                        </td>
                        <td>病人类型</td>
                        <td><rm-ddl-common datatype="seccode" kindno="PT" dataname="病人类型" v-model="search_pattype" key="pt"
                                @change="pattypechange"></rm-ddl-common></td>
                        <td colspan="2">
                            <!-- <el-checkbox true-label="1" false-label="0" v-model="search_chk_printreq">含有需打印申请单的项目</el-checkbox> -->
                            <el-checkbox true-label="1" false-label="0" v-model="search_chk_outsend">含有外送项目</el-checkbox>
                        </td>
                    </tr>
                    <tr>
                        <td>送检科室</td>
                        <td>
                            <rm-ddl-common datatype="dept" dataname="科室" v-model="search_req_deptno" width="100%"
                                @change="reqdeptchange"></rm-ddl-common>
                        </td>
                        <td align="right">病人号</td>
                        <td>
                            <el-input v-model="search_patno" size="mini"></el-input>
                        </td>

                        <td align="right">工作组</td>
                        <td><rm-ddl-common datatype="labgroup" dataname="工作组" v-model="search_recgroupid" width="100%"
                                @change="recgroupchange"></rm-ddl-common></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="right">分单类别</td>
                        <td>
                            <rm-ddl-common datatype="reqgroup" dataname="分单类别" width="100%" v-model="search_reqgroup"
                                @change="reqgroupchange"></rm-ddl-common>
                        </td>
                        <td>姓名</td>
                        <td>
                            <el-input v-model="search_patname" size="mini"></el-input>
                        </td>
                        <td colspan="2">
                            <el-radio-group v-model="search_reqtype">
                                <table>
                                    <tr>
                                        <td>
                                            <el-radio label="C">检验</el-radio>
                                        </td>
                                        <td>
                                            <el-radio label="H">输血</el-radio>
                                        </td>
                                        <td>
                                            <el-radio label="">全部</el-radio>
                                        </td>
                                    </tr>
                                </table>
                            </el-radio-group>
                        </td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
                <div class="operation-list">
                    <el-button @click.native="BtnQuery" v-has="'PINQUERY'" type="primary"
                        icon="el-icon-search">查询</el-button>
                    <el-button @click.native="BtnClear" icon="el-icon-close">清除</el-button>
                    <el-button @click="btnPrint($event)" icon="el-icon-printer">清单打印</el-button>
                    <el-button @click.native="BtnExport" icon="el-icon-download">导出</el-button>
                </div>
            </div>
        </div>
        <div class="pagecenter">
            <div class="middle-center">
                <vxe-table :data.sync="tableData" :sort-config="{ trigger: 'cell' }" :select-config="selectConfig" border
                    height="auto" highlight-current-row class="mytable-style" highlight-hover-column highlight-hover-row
                    how-header-overflow ref="xTable" resizable show-overflow size="mini" stripe show-header-overflow
                    :optimization="{ animat: false }" header-align="center" :key="xTablekey" show-footer
                    :loading="xTableLoading">
                    <vxe-table-column type="selection" width="47" header-align="center" align="center"></vxe-table-column>
                    <vxe-table-column type="index" title="NO." width="50" header-align="center"
                        align="center"></vxe-table-column>
                    <vxe-table-column field="recieve1_dt" title="签收时间" width="120" header-align="center"
                        sortable></vxe-table-column>
                    <vxe-table-column field="recieve1_user" title="签收人" width="70" header-align="center"
                        sortable></vxe-table-column>
                    <vxe-table-column field="labgroupid" title="工作组" width="100" header-align="center"
                        :formatter="formatFun" sortable></vxe-table-column>
                    <vxe-table-column field="req_groupna" title="分单类别" width="100" header-align="center"
                        sortable></vxe-table-column>
                    <vxe-table-column field="specimen_name" title="标本类型" width="100" header-align="center"
                        sortable></vxe-table-column>
                    <vxe-table-column field="req_deptname" title="申请科室" width="100" header-align="center"
                        sortable></vxe-table-column>
                    <vxe-table-column field="pat_no" title="病人号" width="100" header-align="center"
                        sortable></vxe-table-column>
                    <vxe-table-column field="req_bedno" title="床号" width="100" header-align="center"
                        sortable></vxe-table-column>
                    <!-- <vxe-table-column field="" title="病人来源" width="100" header-align="center"></vxe-table-column> -->
                    <vxe-table-column field="pat_name" title="姓名" width="80" header-align="center"
                        sortable></vxe-table-column>
                    <vxe-table-column field="pat_sex" title="性别" width="55" header-align="center"></vxe-table-column>
                    <vxe-table-column field="barcode" title="条码号" width="100" header-align="center"
                        sortable></vxe-table-column>
                    <vxe-table-column field="emer_flag" title="加急" width="55" header-align="center"></vxe-table-column>
                    <vxe-table-column field="sample_items" title="申请项目(简称，部分)" width="200"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="pat_agestr" title="年龄" width="60" header-align="center"></vxe-table-column>
                    <vxe-table-column field="req_dt" title="申请时间" width="120" header-align="center"
                        sortable></vxe-table-column>
                    <vxe-table-column field="req_docno" title="申请医生" width="65" header-align="center"></vxe-table-column>
                    <vxe-table-column field="sampled_user" title="采样人" width="65" header-align="center"></vxe-table-column>
                    <vxe-table-column field="cp_sender" title="运送人" width="65" header-align="center"></vxe-table-column>
                    <vxe-table-column field="req_stat" title="状态" width="55" header-align="center"
                        :formatter="formatFun"></vxe-table-column>
                    <vxe-table-column field="reject_reason" title="剔回原因" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="base_amount" title="应收金额" width="70" header-align="center"></vxe-table-column>
                    <vxe-table-column field="labadd" title="实验室增加标志" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="create_dt" title="创建时间" width="120" header-align="center"></vxe-table-column>
                    <vxe-table-column field="create_user" title="创建人" width="70" header-align="center"></vxe-table-column>
                    <vxe-table-column field="recieve_dt" title="接收时间" width="120" header-align="center"></vxe-table-column>
                    <vxe-table-column field="recieve_user" title="接收人" width="70" header-align="center"></vxe-table-column>
                    <vxe-table-column field="print_dt" title="打印/执行时间" width="120" header-align="center"></vxe-table-column>
                    <vxe-table-column field="send_user" title="运送护工" width="90" header-align="center"></vxe-table-column>
                    <vxe-table-column field="print_user" title="打印/执行人" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="print_count" title="打印次数" width="70" header-align="center"></vxe-table-column>
                    <vxe-table-column field="prereport_dt" title="预出报告时间" width="120"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="prereport_comm" title="报告领取说明" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="pat_diag" title="临床诊断" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="pat_id" title="病人id号" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="inp_date" title="入院日期" width="120" header-align="center"></vxe-table-column>
                    <!-- <vxe-table-column field="" title="送出时间" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="" title="送出人" width="100" header-align="center"></vxe-table-column> -->
                    <vxe-table-column field="recieve_host" title="接收电脑" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="prereport_dt1" title="预出报告时间1" width="120"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="charge_dt" title="计价时间" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="charge_user" title="计价人" width="80" header-align="center"></vxe-table-column>
                    <vxe-table-column field="amount" title="实收金额" width="100" header-align="center"></vxe-table-column>
                    <!-- <vxe-table-column field="" title="计价标志" width="100" header-align="center"></vxe-table-column> -->
                    <vxe-table-column field="test_dt" title="上机时间" width="120" header-align="center"></vxe-table-column>
                    <vxe-table-column field="test_user" title="上机人" width="80" header-align="center"></vxe-table-column>
                    <vxe-table-column field="report_dt" title="报告时间" width="120" header-align="center"></vxe-table-column>
                    <vxe-table-column field="report_username" title="检验医生" width="80"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="rechk_username" title="核对医生" width="80"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="alter_flag" title="报警" width="60" header-align="center"></vxe-table-column>
                    <!-- <vxe-table-column field="" title="销售员" width="100" header-align="center"></vxe-table-column> -->
                    <vxe-table-column field="pat_cardno" title="就诊卡号" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="req_comm" title="医生备注" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="pat_birth" title="生日" width="120" header-align="center"></vxe-table-column>
                    <vxe-table-column field="pat_ageyear" title="年龄岁数" width="75" header-align="center"></vxe-table-column>
                    <vxe-table-column field="inp_id" title="住院标识" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="pat_diag_icd" title="诊断标准代码" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="pat_address" title="地址" width="120" header-align="center"></vxe-table-column>
                    <vxe-table-column field="pat_nation" title="国籍" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="pat_idcardno" title="身份证号" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="pat_phone" title="联系电话" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="charge_typeno" title="费别代码" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="perform_dept" title="执行科室" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="req_wardno" title="病区代码" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="secrecy" title="加密" width="100" header-align="center"></vxe-table-column>
                    <!-- <vxe-table-column field="" title="其他状态" width="100" header-align="center"></vxe-table-column> -->
                    <vxe-table-column field="cancel_dt" title="作废时间" width="120" header-align="center"></vxe-table-column>
                    <vxe-table-column field="cancel_user" title="作废人" width="80" header-align="center"></vxe-table-column>
                    <vxe-table-column field="reject_dt" title="剔回时间" width="120" header-align="center"></vxe-table-column>
                    <vxe-table-column field="reject_user" title="剔回人" width="80" header-align="center"></vxe-table-column>
                    <vxe-table-column field="reject_count" title="剔回次数" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="specimen_name" title="标本类型" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="sample_detail" title="标本备注说明" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="req_reason" title="检验目的" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="req_groupid" title="分单类别id" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="report_id" title="报告单id" width="100" header-align="center"></vxe-table-column>
                    <vxe-table-column field="inlib_statusname" title="入库状态" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="library_id" title="所在库位id" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="reqtypename" title="申请单类别" width="100"
                        header-align="center"></vxe-table-column>
                    <vxe-table-column field="pat_height" title="身高(cm)" width="70" header-align="center"></vxe-table-column>
                    <vxe-table-column field="weight" title="体重(kg)" width="70" header-align="center"></vxe-table-column>
                    <vxe-table-column field="abo_bldtype" title="abo血型" width="70" header-align="center"></vxe-table-column>
                    <vxe-table-column field="rh_bldtype" title="rh血型" width="70" header-align="center"></vxe-table-column>
                </vxe-table>
            </div>
        </div>
    </div>
</template>

<script type="text/javascript">
import XEUtils from "xe-utils";
export default {
    name: "LIS226",
    data() {
        const _that = this;
        return {
            xTableLoading: false,
            tableData: [],
            xTablekey: 0,
            pattypeOption: [],
            labdeptOption: [],
            hospOption: [],
            docOption: [],
            rptunitOption: [],
            labgroupOption: [],
            reqstatOption: [],
            //以下为查询条件
            txtstartdate: this.$pub.InitDateTime2(0).datefrom,
            txtenddate: this.$pub.InitDateTime2(0).dateto,
            search_recieveuser: "",
            search_recieveusername: "",
            search_reqstat: "",
            search_reqstatname: "",
            search_reqitem: "",
            search_reqitemname: "",
            search_ward: "",
            search_wardname: "",
            search_barcode: "",
            search_pattype: "",
            search_pattypename: "",
            search_chk_printreq: false,
            search_chk_outsend: false,
            search_req_deptno: "",
            search_req_deptname: "",
            search_patno: "",
            search_recgroupid: "",
            search_recgroupname: "",
            search_reqgroup: "",
            search_reqgroupname: "",
            search_patname: "",
            search_reqtype: "",
            startkey: 0,
            endkey: 0,
            selectConfig: { tigger: "row", checkAll: true, reserve: true },
            rcvliststyleid: "",
            // pickerOptions: {
            //     shortcuts: [
            //         {
            //             text: "今天",
            //             onClick(picker) {
            //                 picker.$emit("pick", new Date());
            //                 _that.txtstartdate = new Date();
            //                 _that.txtenddate = new Date();
            //             },
            //         },
            //     ],
            // },
        };
    },
    created() {
        this.initOption();
    },
    mounted() { },
    updated() { },
    methods: {
        async initOption() {
            try {
                const res = await this.$tool.request({
                    url: "LIS/LIS2/LIS226",
                    method: "post",
                    data: {
                        action: "initOption",
                    },
                });
                this.pattypeOption = res.pattypeOption;
                this.labdeptOption = res.labdeptOption;
                this.rptunitOption = res.rptunitOption;
                this.labgroupOption = res.labgroupOption;
                this.hospOption = res.hospOption;
                this.reqstatOption = res.reqstatOption;
                this.rcvliststyleid = res.rcvliststyleid;
            } catch (e) {
                this.$message.warning(e);
            }
        },
        BtnQuery() {
            this.InitPage();
        },

        BtnClear() {
            this.txtstartdate = this.$pub.InitDateTime2(0).datefrom;
            this.txtenddate = this.$pub.InitDateTime2(0).dateto;
            this.search_recieveuser = "";
            this.search_reqstat = "";
            this.search_reqitem = "";
            this.search_ward = "";
            this.search_barcode = "";
            this.search_pattype = "";
            this.search_chk_printreq = false;
            this.search_chk_outsend = false;
            this.search_req_deptno = "";
            this.search_patno = "";
            this.search_recgroupid = "";
            this.search_reqgroup = "";
            this.search_patname = "";
            this.search_reqtype = "";
            this.tableData = [];
        },

        async InitPage() {
            this.xTableLoading = true;
            this.$tool
                .request({
                    url: "LIS/LIS2/LIS226",
                    method: "post",
                    timeout: 600000,
                    data: {
                        action: "queryData",
                        startdate: this.txtstartdate, //标本开始日期
                        enddate: this.txtenddate, //标本结束日期
                        recieveuser: this.search_recieveuser,
                        reqstat: this.search_reqstat,
                        reqitem: this.search_reqitem,
                        wardno: this.search_ward,
                        barcode: this.search_barcode,
                        pattype: this.search_pattype,
                        printreq: this.search_chk_printreq == true ? "1" : "0",
                        outsend: this.search_chk_outsend == true ? "1" : "0",
                        req_deptno: this.search_req_deptno,
                        patno: this.search_patno,
                        recgroupid: this.search_recgroupid,
                        reqgroup: this.search_reqgroup,
                        patname: this.search_patname,
                        reqtype: this.search_reqtype,
                    },
                })
                .then((res) => {
                    this.tableData = res.data;
                    this.xTableLoading = false;
                })
                .catch((e) => {
                    this.xTableLoading = false;
                    this.$alert(e, "消息");
                });
        },

        formatFun({ cellValue, column, row }) {
            return this.retForamtVal(cellValue, column.property);
        },
        retForamtVal(cellValue, column) {
            if (["req_deptno"].includes(column)) {
                try {
                    //科室
                    let deptname = this.deptOption.find((m) => m.data == cellValue);
                    if (deptname != undefined && deptname != null) {
                        return deptname.display;
                    } else {
                        return cellValue;
                    }
                } catch {
                    return cellValue;
                }
            } else if (column == "pat_typecode") {
                // 病人类型
                try {
                    let pattypename = this.pattypeOption.find((m) => m.data == cellValue);
                    if (pattypename != undefined && pattypename != null) {
                        return pattypename.display;
                    } else {
                        return cellValue;
                    }
                } catch {
                    return cellValue;
                }
            } else if (column == "labgroupid") {
                //检验工作组
                try {
                    let labgroup = this.labgroupOption.find((m) => m.data == cellValue);
                    if (labgroup != undefined && labgroup != null) {
                        return labgroup.display;
                    } else {
                        return cellValue;
                    }
                } catch {
                    return cellValue;
                }
            } else if (column == "req_stat") {
                console.info("11111111111111111");
                // 报告单元
                try {
                    let reqstat = this.reqstatOption.find((m) => m.data == cellValue);
                    if (reqstat != undefined && reqstat != null) {
                        return reqstat.display;
                    } else {
                        return cellValue;
                    }
                } catch {
                    return cellValue;
                }
            } else if (column == "hospcode") {
                // 检验院区
                try {
                    let hospital = this.wardOption.find((m) => m.data == cellValue);
                    if (hospital != undefined && hospital != null) {
                        return hospital.display;
                    } else {
                        return cellValue;
                    }
                } catch {
                    return cellValue;
                }
            } else if (column == "report_user") {
                // 检验医生
                try {
                    let reportuser = this.docOption.find((m) => m.data == cellValue);
                    if (reportuser != undefined && reportuser != null) {
                        return reportuser.display;
                    } else {
                        return cellValue;
                    }
                } catch {
                    return cellValue;
                }
            } else if (column == "rechk_user") {
                // 核对医生
                try {
                    let rechkuser = this.docOption.find((m) => m.data == cellValue);
                    if (rechkuser != undefined && rechkuser != null) {
                        return rechkuser.display;
                    } else {
                        return cellValue;
                    }
                } catch {
                    return cellValue;
                }
            } else if (column == "emer_flag") {
                if (cellValue == "1") {
                    return "急";
                } else {
                    return "非急";
                }
            } else {
                return cellValue;
            }
        },
        recieveuserchange(code, name) {
            this.search_recieveuser = code;
            this.search_recieveusername = name;
        },
        reqstatchange(code, name) {
            this.search_reqstat = code;
            this.search_reqstatname = name;
        },
        reqitemchange(code, name) {
            this.search_reqitem = code;
            this.search_reqitemname = name;
        },
        wardchange(code, name) {
            this.search_ward = code;
            this.search_wardname = name;
        },
        pattypechange(code, name) {
            this.search_pattype = code;
            this.search_pattypename = name;
        },
        reqdeptchange(code, name) {
            this.search_req_deptno = code;
            this.search_req_deptname = name;
        },
        recgroupchange(code, name) {
            this.search_recgroupid = code;
            this.search_recgroupname = name;
        },
        reqgroupchange(code, name) {
            this.search_reqgroup = code;
            this.search_reqgroupname = name;
        },
        //导出
        BtnExport() {
            let exportColumn = [];
            let cls = this.$refs.xTable.getColumns();
            cls.forEach((element) => {
                exportColumn.push({ title: element.title, field: element.property });
            });
            let filtertxt = this.getExportFilter();
            this.$pub.exportTableExcel(this.$refs.xTable.getSelectRecords(), exportColumn, "LIS226 工作组签收查询.xlsx", filtertxt);
        },
        // 获取当前导出文件的所有查询条件
        getExportFilter() {
            let filtertxt = "签收时间:" + XEUtils.toDateString(this.txtstartdate, "yyyy-MM-dd HH:mm:ss") + "至" + XEUtils.toDateString(this.txtenddate, "yyyy-MM-dd HH:mm:ss") + "; ";
            if (this.search_recieveuser) filtertxt += "签收人:" + this.search_recieveusername + "; ";
            if (this.search_reqstat) filtertxt += "申请状态:" + this.search_reqstatname + "; ";
            if (this.search_reqitem) filtertxt += "申请项目:" + this.search_reqitemname + "; ";
            if (this.search_ward) filtertxt += "病区:" + this.search_wardname + "; ";
            if (this.search_barcode) filtertxt += "条码号:" + this.search_barcode + "; ";
            if (this.search_pattype) filtertxt += "病人类型:" + this.search_pattypename + "; ";
            if (this.search_chk_outsend) filtertxt += "含有外送项目; "
            if (this.search_req_deptno) filtertxt += "送检科室:" + this.search_req_deptname + "; ";
            if (this.search_patno) filtertxt += "病人号:" + this.search_patno + "; ";
            if (this.search_recgroupid) filtertxt += "工作组:" + this.search_recgroupname + "; ";
            if (this.search_reqgroup) filtertxt += "分单类别:" + this.search_reqgroupname + "; ";
            if (this.search_patname) filtertxt += "姓名:" + this.search_patname + "; ";
            filtertxt += "申请类别:" + (this.search_reqtype == "C" ? "检验" : this.search_reqtype == "H" ? "输血" : "全部") + "; ";
            return filtertxt;
        },
        // 打印清单
        btnPrint(e) {
            if (!this.rcvliststyleid) {
                this.$alert("请检查是否设置签收清单样式！");
                return false;
            }

            //打印
            let data = this.$refs.xTable.getSelectRecords();
            let barcode = "";
            data.forEach((item) => {
                if (barcode == "") {
                    barcode = item.barcode;
                } else {
                    barcode = barcode + "','" + item.barcode;
                }
            });
            let sql = "select * from req_master_all_name where 条码号 in ('" + barcode + "')";
            this.$pub.printlistbill(this, sql, "1", this.rcvliststyleid, "退回清单样式", "");
        },
    },
};
</Script>

<style scoped>
.pagetop {
    width: 100%;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    border: solid 1px #ccc;
    position: absolute;
    z-index: 99;
    /*height: 150px;*/
    overflow-x: auto;
    overflow-x: overlay;
}

.pagecenter {
    position: absolute;
    top: 165px;
    width: 100%;
    left: 0;
    bottom: 0px;
    overflow: auto;
}

.middle-center {
    position: absolute;
    height: 100%;
    left: 0px;
    right: 0px;
    overflow: auto;
}

.el-checkbox__label {
    padding: 0px;
}

.left_nav {
    width: 20%;
    height: 100%;
    border-right: 1px solid #ccc;
    padding: 0px 0px 0px 0px;
    float: left;
    display: inline;
}

.left_nav div {
    cursor: pointer;
    height: 40px;
    width: 100%;
    float: left;
    padding-left: 20px;
    line-height: 40px;
}

.left_nav .active {
    background-color: DeepSkyBlue;
}

.divwidth {
    width: 50px !important;
}

.right_nav {
    width: 80%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    float: left;
    display: inline;
}

table {
    font-size: 12px;
    border-collapse: separate;
    border-spacing: 5px;
}

.table2style tr td {
    padding: 0px 2px 0px 2px;
}

.table1style tr td {
    padding: 0px 2px 0px 5px;
}

/deep/ .mytable-style .vxe-footer--column.col-blue {
    color: blue !important;
    font-weight: bold;
}

/deep/ .mytable-style .vxe-body--row.row-blue {
    color: blue !important;
    font-weight: bold;
}

/deep/ .el-icon-time {
    line-height: 18px !important;
}

/deep/ .el-range__close-icon {
    line-height: 18px !important;
}

/deep/ .el-range-editor--small .el-range-separator {
    line-height: 17px !important;
}

/deep/ .mychkclass .el-checkbox {
    margin-right: 15px;
}

.operation-list {
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
}

::-webkit-scrollbar {
    width: 0px;
    height: 5px;
    border: 4px solid white;
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

/* Buttons */
::-webkit-scrollbar-button:single-button {
    background-color: #bbbbbb;
    display: block;
    border-style: solid;
    height: 5px;
    width: 5px;
}

/* Left */
::-webkit-scrollbar-button:horizontal:decrement {
    margin-right: 2px;
    border-width: 4px 4px 4px 0;
    border-color: #f1f1f1 transparent #f1f1f1 #f1f1f1;
    background-color: #000000;
}

::-webkit-scrollbar-button:horizontal:decrement:hover {
    border-color: #d2d2d2 transparent #d2d2d2 #d2d2d2;
}

/* Right */
::-webkit-scrollbar-button:horizontal:increment {
    margin-left: 2px;
    border-width: 4px 0 4px 4px;
    border-color: #f1f1f1 #f1f1f1 #f1f1f1 transparent;
    background-color: #000000;
}

::-webkit-scrollbar-button:horizontal:increment:hover {
    border-color: #d2d2d2 #d2d2d2 #d2d2d2 transparent;
}</style>